Skip to content

feat(icon): add appwrite icons#3392

Open
SayanShankhari wants to merge 6 commits intomaterial-extensions:mainfrom
SayanShankhari:feat/appwrite-icons
Open

feat(icon): add appwrite icons#3392
SayanShankhari wants to merge 6 commits intomaterial-extensions:mainfrom
SayanShankhari:feat/appwrite-icons

Conversation

@SayanShankhari
Copy link
Copy Markdown
Contributor

Add icons for file and folder for appwrite API service.

Resolves: #3390

Description

Created the following icons using the branding and the color conversion.

Changed official icon color to suitable similar color mentioned in the issue.

Contribution Guidelines

Add icons for file and folder for appwrite API service.

Resolves: material-extensions#3390
@github-actions github-actions bot added the icons PR with new icons label Mar 10, 2026
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Mar 10, 2026

Preview

Thank you for creating a pull request. This preview shows you how your icons will look on the different themes:

Generated preview

Check how your icons fit in a 16x16 grid with our Pixel Perfect Checker by following this link.

You can find more information on how to contribute in the contribution guidelines.

@SayanShankhari
Copy link
Copy Markdown
Contributor Author

@PKief, @lucas-labs, need your take on this.

Copy link
Copy Markdown
Member

@lucas-labs lucas-labs left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @SayanShankhari, sorry for the late review.
We usually use the same color for the file icon and the folder shape for related icons, so that it has some consistency.

I see you used #ff4081 for the file icon shape and #c21160 for de folder shape.

Another aspect I'd like to improve is in the folder icon: the shape is a bit off the grid. I think we can improve this by making the circle just a bit larger to give the line in the middle the 2 pixels it needs + 2 pixels margin.

Click to see screenshot Image

@SayanShankhari
Copy link
Copy Markdown
Contributor Author

Hi,

Thanks for the input, changed the motive shape little bit to fit the gaps to grid.

As the official icon is using #FD366E (MUI equivalent #FF4081), we needed to consider it as base.

Prepared below samples, please check

  1. file icon using color #FF4081 (close to original color and shape)
  2. previously proposed folder, having #C51162 as background and lighter color in same column #F48FB1 for motive
  3. keeping motive color (#FF4081) to original icon, keeping background (#C51162) intact - does not look distinguishable to me
  4. chose upper columns darkest color (#880E4F) to keep the original color (#FF4081) motive identifiable
Screenshot_20260331_091354

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

icons PR with new icons

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Icon Request]: appwrite

2 participants